<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="never">
    <title>首页</title>



    <link rel="stylesheet" href="../css/轮播.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/home.css">

    <script src="../js/jquery.min.js"></script>
    <script src="../js/swiper-bundle.js"></script>
    <!-- <script src="../layer-v3.1.1/layer/layer.js"></script> -->
    <script src="../js/axios.min.js"></script>

</head>

<body>
    <!-- 遮罩层 -->
    <div id="shelter"></div>
    <!--侧边栏 -->
    <div id="aside">
        <div class="glyphicon glyphicon-upload slide_top">
            <section class="mask">回到<br> 顶部</section>
        </div>
        <div>📑<section class="mask">我的<br> 订单</section>
        </div>
        <div class="cart">🛒<p>购物车<span>0</span></p>
        </div>
        <div>🐧<section class="mask"> QQ <br> 咨询</section>
        </div>
        <div class="glyphicon glyphicon-download ">
            <section class="mask">回到<br> 底部</section>
        </div>
    </div>
    <!-- 头部 -->
    <div id="top">
        <div class="top-wrap">
            <div class="top">
                <div class="ad">
                    <i class="iconfont icon-gonggao">👀</i>
                    <!-- 标题头部 -->
                    <!-- <ul id="Ad">
                        <li>111</li>
                        <li>1</li>

                        <li>1</li>

                    </ul> -->
                </div>
            </div>
        </div>

        <!-- 头部中 -->
        <section>
            <div class="cf">
                <img src="../img/001.png" alt="">
                <div class="right">
                    <div>
                        <button>🔍</button>
                        <input type="text" placeholder="请输入想要找的宝贝">
                    </div>
                    <div id="login">
                        <div id="login-h">🙄立即登录</div>
                        <div class="kuang">
                            <div class="ca">×</div>
                            <div class="to">
                                <div class="qq" style="background:#31A4F6">😂登录</div>
                                <div class="qq">😍注册新账号</div>
                            </div>
                            <p>微信和QQ是两个独立账号，账号信息不互通</p>
                            <div class="container">
                                <div class="login-titel">
                                    <h3>帐号密码登录</h3>
                                    <input type="text" class="us" placeholder="请输入用户名"><span class="span1"></span>
                                    <input type="password" class="pd" placeholder="请输入密码"><span class="span2"></span>
                                    <input type="button" class="btn" value='登录'>
                                </div>
                                <div class="reg-titel" style="display: none;">
                                    <h3>注册账号</h3>
                                    <input type="text" class="us" placeholder="请输入用户名"><span class="span1"></span>
                                    <input type="password" class="pd" placeholder="请输入密码"><span class="span2"></span>
                                    <input type="button" class="btn" value='注册'>
                                </div>
                            </div>



                        </div>
                    </div>
                    <div id="shop-car"><span>🛒</span>购物车</div>
                </div>
            </div>


            <!-- 导航 -->
            <div class="nav-wrap">
                <div class="nav">
                    <ul id="nav">
                        <a href="#">
                            <li>首页</li>
                        </a>
                        <a href="#">
                            <li>枪模主题站</li>
                        </a>
                        <a href="#">
                            <li>服饰时尚</li>
                        </a>
                        <a href="#">
                            <li>包类专区</li>
                        </a>
                        <a href="#">
                            <li>数码外设</li>
                        </a>
                        <a href="#">
                            <li>家居日用</li>
                        </a>
                        <a href="pro-list.html">
                            <li>模型手办</li>
                        </a>
                    </ul>
                    <a href="#">
                        <div class="div">全部商品分类 <span class="span"> 👇</span>
                            <!-- 弹出框 -->
                            <div id="Ying">
                                <div class="slide_down">
                                    <div>
                                        <div>
                                            <div>
                                                <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144950_33369.png"
                                                    alt="">
                                            </div>
                                            <p>家居日用</p>
                                            <ul>
                                                <li>背包</li>
                                                <li>雨伞</li>
                                                <li>水杯</li>
                                                <li>卫衣</li>
                                                <li>杯垫</li>
                                                <li>T恤</li>
                                                <li>饰品</li>
                                                <li>福袋</li>
                                                <li>围巾</li>
                                                <li>礼盒</li>
                                                <li>卫裤</li>
                                                <li>袜子</li>
                                                <li>发光亚克力</li>
                                                <li>夜灯</li>
                                            </ul>
                                        </div>
                                    </div>


                                    <div>
                                        <div>
                                            <div>
                                                <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144942_72688.png"
                                                    alt="">
                                            </div>
                                            <p>数码外设</p>
                                            <ul>
                                                <li>移动电源</li>
                                                <li>U盘</li>
                                                <li>鼠标垫</li>
                                                <li>数据线</li>
                                                <li>游戏手机支架</li>
                                                <li>无线充电器</li>
                                                <li>个性定制手机壳</li>
                                                <li>三折键盘</li>
                                                <li>赏金令活动</li>
                                                <li>手机壳</li>
                                                <li>手机支架</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div>
                                        <div>
                                            <div>
                                                <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201809/20180920115156_96185.png"
                                                    alt="">
                                            </div>
                                            <p>服饰时尚</p>
                                            <ul>
                                                <li>服饰时尚</li>
                                                <li>戒指</li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div>
                                        <div>
                                            <div>
                                                <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144933_93325.png"
                                                    alt="">
                                            </div>
                                            <p>模型手办</p>
                                            <ul>
                                                <li>公仔手办</li>
                                                <li>枪模</li>
                                                <li>刀锋+白狼</li>
                                                <li>+枪模</li>
                                                <li>CF Gilsils</li>
                                                <li>单款</li>
                                                <li>徽章</li>

                                            </ul>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </section>

    </div>






    <!-- 轮播图 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202010/20201020155225_585524.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202008/20200824201531_327676.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202009/20200910113603_780433.jpg" alt="">
            </div>

        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
    <!-- 轮播 -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            spaceBetween: 30,
            loop: true,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>

    <!-- main -->
    <div id="main">
        <!-- 列表1 -->
        <div class="title">
            <h2>模型手办<span>品质重现 , 限量发售</span></h2>
            <span id="more"><a href="pro-list.html?pid=1">更多</a> <i>➕</i> </span>
        </div>

        <div class="ban_2">
            <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202008/20200807154340_905132.jpg" alt=""
                width="100%">
        </div>

        <div class="ban_list">
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202010/20201010203529_123503.jpg" alt="">
                    </dt>
                    <dd>
                        <p>葵Q版手办组合【现货】</p>
                        <span>￥210</span>
                    </dd>
                </dl>
            </a>

            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202012/20201201151833_822396.jpg" alt="">
                    </dt>
                    <dd>
                        <p>审判者Q版手办组合【现货】</p>
                        <span>￥210</span>
                    </dd>
                </dl>
            </a>

            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202008/20200807114559_432803.jpg" alt="">
                    </dt>
                    <dd>
                        <p>巴雷特-毁灭 英雄级手板模型 【现货】</p>
                        <span>￥298</span>
                    </dd>

                </dl>
            </a>
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202008/20200807114511_408230.jpg" alt="">
                    </dt>
                    <dd>
                        <p>M4A1-黑骑士 英雄级手板模型 【现货】</p>
                        <span>￥298</span>
                    </dd>


                </dl>
            </a>
        </div>
        <!-- 列表2 -->
        <div class="title" style="padding-top:30px ;">
            <h2>个人生活秀<span>购好物，秀个性</span></h2>
            <span id="more"><a href="pro-list.html">更多 </a><i>➕</i> </span>
        </div>

        <div class="ban_2">
            <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202007/20200707110742_343690.png" alt=""
                width="100%">
        </div>

        <div class="ban_list">
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202011/20201117165528_935755.jpg" alt="">
                    </dt>
                    <dd>
                        <p>不倒杯</p>
                        <span>￥89</span>
                    </dd>
                </dl>
            </a>
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202012/20201207144957_184643.jpg" alt="">
                    </dt>
                    <dd>
                        <p>双锋肩包</p>
                        <span>￥119</span>
                    </dd>


                </dl>
            </a>
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202011/20201117165743_940473.jpg" alt="">
                    </dt>
                    <dd>
                        <p>多用围巾</p>
                        <span>￥59</span>
                    </dd>

                </dl>
            </a>
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202012/20201207110726_699961.jpg" alt="">
                    </dt>
                    <dd>
                        <p>防盗单肩包</p>
                        <span>￥79</span>
                    </dd>


                </dl>
            </a>
        </div>

        <!-- 列表3 -->

        <div class="title" style="padding-top:30px ;">
            <h2>新颖数码<span>拥有你的专属游戏利器</span></h2>
            <span id="more"><a href="pro-list.html">更多 </a><i>➕</i> </span>
        </div>

        <div class="ban_2">
            <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202007/20200716173612_463098.jpg" alt=""
                width="100%">
        </div>

        <div class="ban_list">
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202005/20200521191841_521962.jpg" alt="">
                    </dt>
                    <dd>
                        <p>CF 生化来袭 圆盘打火机【现货】</p>
                        <span>￥139</span>
                    </dd>
                </dl>
            </a>
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202005/20200521192026_470314.jpg" alt="">
                    </dt>
                    <dd>
                        <p>CF 生化来袭 磁吸数据线【现货】</p>
                        <span>￥60</span>
                    </dd>


                </dl>
            </a>
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202005/20200521192334_964469.jpg" alt="">
                    </dt>
                    <dd>
                        <p>CF 生化对决 鼠标垫-浴血刀锋【现货】</p>
                        <span>￥39.9</span>
                    </dd>

                </dl>
            </a>
            <a href="../html/detail.html?pid=1">
                <dl class="shadow">
                    <dt>
                        <img src="https://game.gtimg.cn/images/daojushop/zb/ad/201908/20190801113934_310502.jpg" alt="">
                    </dt>
                    <dd>
                        <p>CF 夜幕追击 蓝牙眼睛 【现货】</p>
                        <span>￥139</span>
                    </dd>


                </dl>
            </a>
        </div>
    </div>




    <!-- 底部 -->
    <div class="footer">
        <div class="dir-wrap">
            <div class="dir">
                <div class="a1">
                    <img src="//js01.daoju.qq.com/zb/cf/images/logo-cf-down.png" alt="">
                    <img src="https://js01.daoju.qq.com/zb/mall/images/business.png" alt="">
                </div>
                <div class="a2">
                    <ul>
                        <li>💴购物指南</li>
                        <li>🚗配送方式</li>
                        <li>📕常见操作</li>
                        <li>🎧售后服务</li>
                        <li>🥁关于我们</li>
                    </ul>
                </div>

                <div class="a3">
                    <dl>
                        <dt><img src="//js01.daoju.qq.com/zb/cf/images/logo-cf-qr.png" alt=""></dt>
                        <dd>掌上穿越火线</dd>
                    </dl>
                    <dl>
                        <dt><img src="//js01.daoju.qq.com/zb/mall/images/jcp_gzh.jpg" alt=""></dt>
                        <dd>聚成品公众号</dd>
                    </dl>
                </div>
            </div>
        </div>

        <div class="bottom">
            <p><a>腾讯互动娱乐</a> | <a>服务条款</a>| <a>腾讯游戏隐私保护指引</a>| <a>腾讯游戏儿童隐私保护指引</a>| <a>广告服务</a> | <a>腾讯游戏招聘</a> |
                <a>腾讯游戏客服</a> | <a>游戏地图</a> | <a>成长守护平台</a> | <a>商务合作</a> | <a>网站导航</a>
            </p>
            <p><a>粤网文[2014]0633-233号</a> 增值电信业务经营许可证：<a>粤B2-20090059</a> <a>B2-20090028</a> 违法和不良信息举报电话：0755-83767606
            </p>
            <p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
            <p><a>腾讯公司 版权所有</a></p>
            <div><img src="//game.gtimg.cn/images/js/2018foot/logo/gswj.png" alt="">
                <a href="https://szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f">工商网监电子标识</a>
            </div>

        </div>
    </div>


    <script src="../js/home.js"></script>